<template>
  <n-config-provider id="body w-full" :theme-overrides="naiveTheme"
                     style="min-width: 1100px;"
  >
    <module-header name="app" value="/display/inTime" is-telescreen />

    <main-content>
      实时数据总览
      <div class="card" style="display: flex;">
        <n-card >
    <p style="font-size: larger;">今日 | 累计新增用户数</p>
    <p style="font-size: smaller;">2023-02-16~2023-02-16 今日 更新于 2023-02-16 03:04:46</p><br/>
    <p>今日</p>
    <p style="font-size: xx-large; font-weight:bolder;">363<a style="font-size: small; font-weight: 400;">人</a></p>
  </n-card>
  <n-card >
    <p style="font-size: larger;">今日 | 累计老用户活跃数</p>
    <p style="font-size: smaller;">2023-02-16~2023-02-16 今日 更新于 2023-02-16 03:04:46</p><br/>
    <p>今日</p>
    <p style="font-size: xx-large; font-weight:bolder;">364<a style="font-size: small; font-weight: 400;">人</a></p>
  </n-card>
  <n-card >
    <p style="font-size: larger;">今日 | 累计日活跃用户数</p>
    <p style="font-size: smaller;">2023-02-16~2023-02-16 今日 更新于 2023-02-16 03:04:46</p><br/>
    <p>今日</p>
    <p style="font-size: xx-large; font-weight:bolder;">365<a style="font-size: small; font-weight: 400;">人</a></p>
  </n-card>
  <n-card >
    <p style="font-size: larger;">今日 | 累计访问次数</p>
    <p style="font-size: smaller;">2023-02-16~2023-02-16 今日 更新于 2023-02-16 03:04:46</p><br/>
    <p>今日</p>
    <p style="font-size: xx-large; font-weight:bolder;">366<a style="font-size: small; font-weight: 400;">人</a></p>
  </n-card>
      </div>
    </main-content>
  </n-config-provider>
</template>

<script lang="ts" setup>
import { ref, inject } from 'vue'
import { naiveTheme } from '../../shared/theme/naive_theme'
import { NInput, NConfigProvider, darkTheme, NButton ,NCard} from 'naive-ui'
import { nav, clear, getToken } from '../../shared/client/window'
import { axiosReq } from '../../shared/client/axios'
import { actErr } from '../../shared/client/interact'
import ModuleHeader from '../../components/common/module_header.vue'
import BorderBox from '../../components/common/BorderBox.vue'
import MainContent from '../../components/common/main_content.vue'
</script>
<style scoped>
.n-card {
  max-width: 250px;
  margin-left: 10px;
}

</style>
<style>
@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
</style>
